<%--
  Created by IntelliJ IDEA.
  User: 61741
  Date: 2017/12/5
  Time: 23:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>图文详情</title>
    <meta charset="utf-8">
    <jsp:include page="../common/portal-head.jsp"></jsp:include>
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/article.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/comment.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/page.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/pic_article.css">
    <style type="text/css">
        .arcticle-pic-item{
            width: 12.5rem;
            height: 12.5rem;
        }
    </style>
</head>
<body>
<div class="page-container">
    <jsp:include page="../portal/topmenu.jsp"></jsp:include>
    <div class="content-wrap">
        <div class="article-wrap">
            <div class="now-location">
                <span id="location">当前位置:</span>
                <span>首页></span>
                <span>厂商/供应商></span>
                <span>文章资讯></span>
                <span>秋冬流行这款毛衣，没有太可惜</span>
            </div>
            <div class="article-title">
                <h1>秋冬流行这款毛衣，没有太可惜</h1>
                    <span id="author">原创</span>
                    <span>批发商</span>
                    <span>2017-10-20 20:29</span>
            </div>
            <hr>
            <div class="pic-article">
                <img src="${ctx}/resources/portal/img/banner/article-pic01.jpg" class="arcticle-pic-item">
                <img src="${ctx}/resources/portal/img/banner/article-pic02.jpg" class="arcticle-pic-item">
                <img src="${ctx}/resources/portal/img/banner/article-pic03.jpg" class="arcticle-pic-item">
                <img src="${ctx}/resources/portal/img/banner/article-pic04.jpg" class="arcticle-pic-item">
                <img src="${ctx}/resources/portal/img/banner/article-pic05.jpg" class="arcticle-pic-item">
                <img src="${ctx}/resources/portal/img/banner/article-pic06.jpg" class="arcticle-pic-item">
            </div>
            <p>
                马上入冬了，而秋冬保暖的必备代表单品，那真的是非毛衣莫属了。不管环肥燕瘦都可以驾驭的住，几乎也可以说是秋冬的又一时髦代名词，而这两年的单品都在强调廓形感，oversized的设计就是其中一种主流趋势。大大的衣服很容易穿出秋冬腔调感，自然毛衣也是不例外，2017的秋冬秀场也早早的就给我们划好了重点，不管高领圆领，毛衣反正就是要够大！够oversized才型！ 秋冬流行这款毛衣，没有一件太可惜了！!
                马上入冬了，而秋冬保暖的必备代表单品，那真的是非毛衣莫属了。不管环肥燕瘦都可以驾驭的住，几乎也可以说是秋冬的又一时髦代名词，而这两年的单品都在强调廓形感，oversized的设计就是其中一种主流趋势。大大的衣服很容易穿出秋冬腔调感，自然毛衣
                马上入冬了，而秋冬保暖的必备代表单品，那真的是非毛衣莫属了。不管环肥燕瘦都可以驾驭的住，几乎也可以说是秋冬的又一时髦代名词，而这两年的单品都在强调廓形感，oversized的设计就是其中一种主流趋势。大大的衣服很容易穿出秋冬腔调感，自然毛衣也是不例外，2017的秋冬秀场也早早的就给我们划好了重点，不管高领圆领，毛衣反正就是要够大！够oversized才型！ 秋冬流行这款毛衣，没有一件太可惜了！!也是不例外，2017的秋冬秀场也早早的就给我们划好了重点，不管高领圆领，毛衣反正就是要够大！够oversized才型！ 秋冬流行这款毛衣，没有一件太可惜了！!
                马上入冬了，而秋冬保暖的必备代表单品，那真的是非毛衣莫属了。不管环肥燕瘦都可以驾驭的住，几乎也可以说是秋冬的又一时髦代名词，而这两年的单品都在强调廓形感，oversized的设计就是其中一种主流趋势。大大的衣服很容易穿出秋冬腔调感，自然毛衣也是不例外，2017的秋冬秀场也早早的就给我们划好了重点，不管高领圆领，毛衣反正就是要够大！够oversized才型！ 秋冬流行这款毛衣，没有一件太可惜了！!
            </p>
            <div class="collect-wrap">
                <span id="collect-button"><img src="${ctx}/resources/portal/img/arcticle_collect_bf.png" id="collect-pic" onclick="collect('collect-pic')">收藏</span>
                <span id="agree-button"><img src="${ctx}/resources/portal/img/arcticle_agree_bf.png" id="agree-pic" onclick="collect('agree-pic')">点赞</span>
            </div>
            <div class="commentAll">
                <!--评论区域 begin-->
                <div class="comment-num">
                    <span id="comment-num">24</span><span>条评论</span>
                </div>
                <div class="reviewArea clearfix">
                    <div class="comment-show-con-img pull-left"><img src="${ctx}/resources/portal/img/header-img-comment_03.png" alt=""></div>
                    <textarea class="content comment-input" placeholder="写下您的评论&hellip;" onkeyup="keyUP(this)"></textarea>
                    <a href="javascript:;" class="plBtn">评论</a>
                </div>
                <!--评论区域 end-->
                <!--回复区域 begin-->
                <div class="comment-show">
                    <div class="comment-show-con clearfix">
                        <div class="comment-show-con-img pull-left"><img src="${ctx}/resources/portal/img/header-img-comment_03.png" alt=""></div>
                        <div class="comment-show-con-list pull-left clearfix">
                            <div class="pl-text clearfix">
                                <a href="#" class="comment-size-name">张三 : </a>
                                <span class="my-pl-con">&nbsp;来啊 造作啊!</span>
                            </div>
                            <div class="date-dz">
                                <span class="date-dz-left pull-left comment-time">2017-5-2 11:11:39</span>
                                <div class="date-dz-right pull-right comment-pl-block">
                                    <!-- 				                        <a href="javascript:;" class="removeBlock">删除</a> -->
                                    <a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left"><img src="${ctx}/resources/portal/img/replay.png">回复</a>
                                    <!-- 				                        <span class="pull-left date-dz-line">|</span> -->
                                    <a href="javascript:;" class="date-dz-z pull-left"><i class="fa fa-thumbs-o-up"></i>点赞 (<i class="z-num">666</i>)</a>
                                </div>
                            </div>
                            <div class="hf-list-con"></div>
                        </div>
                    </div>
                </div>
                <!--回复区域 end-->
            </div>
            <div id="page" class="page_div"></div>
        </div>
        <div class="others-wrap">
            <div class="author-dsc-wrap">
                <div class="author-name">
                    <img src="${ctx}/resources/portal/img/header-img-comment_03.png">
                    <span>批发商</span>
                    <a>关注<i class="fa fa-plus"></i></a>
                </div>
                <div class="author-dsc">
                    <span><strong>作者简介：</strong>详细内容详细内容详细内容详细内容详细内容详细内容详细内容详细内容</span>
                </div>
            </div>
            <div class="advise-list">
                <div class="list-title">
                    <span> <img src="${ctx}/resources/portal/img/article_list_title.png">猜你喜欢</span>
                    <hr>
                    <ul>
                        <li>
                            <img src="${ctx}/resources/portal/img/banner/article_list_pic1.jpg">
                            <div class="advice-article-name">
                                <span>时尚春装，让你成为街头辣妹</span>
                                <span class="time-span"><img src="${ctx}/resources/portal/img/areticle_time_logo.png">2017-10-22</span>
                            </div>
                        </li>
                        <li>
                            <img src="${ctx}/resources/portal/img/banner/article_list_pic1.jpg">
                            <div class="advice-article-name">
                                <span>时尚春装，让你成为街头辣妹</span>
                                <span class="time-span"><img src="${ctx}/resources/portal/img/areticle_time_logo.png">2017-10-22</span>
                            </div>
                        </li>
                        <li>
                            <img src="${ctx}/resources/portal/img/banner/article_list_pic1.jpg">
                            <div class="advice-article-name">
                                <span>时尚春装，让你成为街头辣妹</span>
                                <span class="time-span"><img src="${ctx}/resources/portal/img/areticle_time_logo.png">2017-10-22</span>
                            </div>
                        </li>
                        <li>
                            <img src="${ctx}/resources/portal/img/banner/article_list_pic1.jpg">
                            <div class="advice-article-name">
                                <span>时尚春装，让你成为街头辣妹</span>
                                <span class="time-span"><img src="${ctx}/resources/portal/img/areticle_time_logo.png">2017-10-22</span>
                            </div>
                        </li>
                        <li>
                            <img src="${ctx}/resources/portal/img/banner/article_list_pic1.jpg">
                            <div class="advice-article-name">
                                <span>时尚春装，让你成为街头辣妹</span>
                                <span id="time-span"><img src="${ctx}/resources/portal/img/areticle_time_logo.png">2017-10-22</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="${ctx}/resources/portal/script/comment.js"  type="text/javascript"></script>
<script src="${ctx}/resources/portal/script/page.js"  type="text/javascript"></script>
<script type="text/javascript">
    /*收藏*/
    function collect(collectid){
        var celflag=document.getElementById(collectid).alt;


        if(collectid=="collect-pic"){

            document.getElementById(collectid).src="${ctx}/resources/portal/img/arcticle_collect_af.png";
        }
        else if(collectid=="agree-pic"){
            document.getElementById(collectid).src="${ctx}/resources/portal/img/arcticle_agree_af.png";
        }

    }
    //分页
    $("#page").paging({
        pageNo:5,
        totalPage: 9,
        totalSize: 300,
        callback: function(num) {
            alert(num)
        }
    })
</script>
</body>
</html>